body{
    background-color: #f9f9f9;
}

.container, .page{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@media screen and (min-width: 720px){
    .container{
        margin-top: 20px;
        width: 720px;
        max-height: 1280px;
        margin-left: auto;
        margin-right: auto;
    }
}

/*页面*/
.page-main{
    min-height: 500px;
    background-color: #f9f9f9;
}
.page-sub{
    min-height: 500px;
}
/*页面导航*/
.weui-tab__panel>div {
    display: none;
}
.weui-tab__panel>div:first-child {
    display: block;
}


/*搜索栏*/
.vote-panel .searchbar-result{
    margin-top: 0;
}


/*顶部导航按钮*/
.vote-nav{
    /*background-color: #fff;*/
}
.vote-nav-btn{
    padding: 7px;
    border-radius: 0;
    border: 1px solid #eee;
    color: #848484;
    cursor: pointer;
}
.weui-bar__item_on .vote-nav-btn{
    background-color:#e22133;
    border: 0;
    color: #fff;
}
.vote-nav .weui-navbar__item.weui-bar__item_on {
    background-color: transparent;
}
.vote-nav .weui-navbar__item:active {
    background-color: transparent;
}
.vote-nav .weui-navbar__item:after{
    border: transparent;
}
.vote-nav.weui-navbar:after{
    border: transparent;
}

/*顶部banner图*/
.banner{
    width: 100%;
}
    .banner img {
        display: block;
    }

/*数据面板*/
.vote-panel{
    /*padding-top: 20px;*/
    padding: 0;
}
.vote-panel.weui-panel__hd{
    /*background-color: #e62132;*/
    background-color: transparent;
    margin-bottom: 20px;
    margin-top: 20px;
}
.vote-panel .weui-grid__label, .vote-panel .weui-search-bar__cancel-btn{
    color: #888;
}
.weui-grids-vote>.weui-grid:active{
    background-color: transparent;
}
.weui-grids:before,.weui-grids:after,.weui-grid:last-child:before,.weui-grid:after{
    border-color: transparent;
}
.weui-grids{
    padding: 10px 0;
}
.weui-grid{
    padding: 5px 10px;
}
.weui-panel__hd:after{
    border-color: transparent;
}


/*搜索栏*/
.weui-search-bar{
    background-color: transparent;
    height: 35px;
    box-sizing: content-box;
}
.weui-search-bar__form{
    line-height:30px;
}
.weui-search-bar:after, .weui-search-bar:before{
    border-color: transparent;
}
.weui-icon-search{
    line-height: 35px !important;
}
.weui-search-bar__input{
    height: 100% !important;
    box-sizing: border-box !important;
}
.weui-search-bar__cancel-btn{
    line-height: 35px;
}
#searchResult{
    margin-top: 0;
}
#searchCancel{
    color: #f00;
}

/*倒计时*/
.vote-status{
    color: #666;
    text-align: center;
    margin-top: 20px;
}
.status-time{
    background: #e62132;
    color: #fff;
    border-radius: 20%;
    padding: 0 5px;
    margin-right: 5px;
    margin-left: 5px;
    font-size:16px;
}
.status-time[data-name="title"]{
    border-radius: 0;
    background: transparent;
    color: #555;
    margin-right: 10px;
    font-size:14px;
}


/*子页面*/

.vote-sub-page .weui-tab__panel{
    padding-top: 0;
}


/*投票选项*/
.vote-item{
    flex-direction:column;
    padding-bottom: 10px;
}
.vote-item-cover{
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}
.vote-item-cover-small{
    position: relative;
}
     .vote-item-cover>a{
         display: block;
         position: relative;
     }
        .vote-item-cover-number{
            position: absolute;
            top: 0;
            padding: 5px 5px;
            border-top: 5px solid #f00;

            color: #f00;
            z-index: 1;
            overflow: hidden;

            height: 20px;
            box-sizing: content-box;
            line-height: 20px;

            font-size: .8rem;

        }
        .vote-item-cover-number:after{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: -10px;
            background-color: rgba(255,255,255,0.8);
            z-index: -1;
            /*background-position: center top;*/
            /*background-image: inherit;*/
            background-position: 0 0;
            background-size: 60px;
            /*background-attachment: fixed;*/
            -webkit-filter: blur(2px);
            -moz-filter: blur(2px);
            -ms-filter: blur(2px);
            -o-filter: blur(2px);
            filter: blur(2px);
            overflow: hidden;
            box-shadow:10px 10px 5px rgba(0,0,0,0);
            -moz-box-shadow:10px 10px 5px rgba(0,0,0,0);
            -webkit-box-shadow:10px 10px 5px rgba(0,0,0,0);
        }
        .vote-item-cover-number-small{
            position: absolute;
            top: 0;
            padding: 5px 5px;
            height:20px;
            width:25px;
            line-height:20px;
            font-size: 18px;
            font-weight: 600;
            text-align: left;
            color: #f00;
            z-index: 1;
            display: none;
        }
        .vote-item-cover-number-small:after{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            /*background-color: rgba(255,255,255,0.8);*/
            z-index: -1;
            /*background-position: center top;*/
            background-position: 0 0;
            background-size: 60px;
            /*background-attachment: fixed;*/
            -webkit-filter: blur(2px);
            -moz-filter: blur(2px);
            -ms-filter: blur(2px);
            -o-filter: blur(2px);
            filter: blur(2px);
            overflow: hidden;
            box-shadow:10px 10px 5px rgba(0,0,0,0);
            -moz-box-shadow:10px 10px 5px rgba(0,0,0,0);
            -webkit-box-shadow:10px 10px 5px rgba(0,0,0,0);
        }

.vote-item-title{
    width: 100% !important;
}
.vote-item .weui-media-box__title{
    /*margin-top: 5px;*/
}
.vote-item-votes{
    display: inline-block;
    color: #f00;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
.vote-item-button{
    float: right;
    background-color: #e52131;
    cursor: pointer;
}
.vote-item-button:active{
    background-color: #e52131 !important;
}
.weui-media-box:before{
    right: 0;
    left: 0;
}

/*瀑布流选项*/
.waterfall{
    width: 100%;
    display: flex;
}
.waterfall .fall{
    width: 50%;
    padding: 5px;
}
.waterfall .fall .vote-item{
    background: #fff;
    border-left: 1px solid #dedfe0;
    border-right: 1px solid #dedfe0;
    border-bottom: 3px solid #E3E4E5;
}
.waterfall .fall:first-child{
    padding-left: 10px;
}
.waterfall .fall:last-child{
    padding-right: 10px;
}

.waterfall .vote-item{
    padding: 0;
    border: 1px solid #eee;
    margin-bottom: 10px;
}
.waterfall .weui-media-box__thumb{
    border-bottom: 1px solid #eee;
}
.waterfall .vote-item-title{
    /*border-top: 1px solid #eee;*/
}
.waterfall h4{
    margin: 0;
    text-align: center;
    font-size: .9rem;
    /*border-bottom: 1px solid #eee;*/
    height: 2rem;
    line-height: 2rem;

    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}
    .waterfall h4 .number{
        display: none;
        position: absolute;
        left: 0;
        margin-left: 10px;
        color: #f16767;
        font-size: 1.2rem;
    }
    .waterfall .vote-item-votes{
        text-align: center;
        height:inherit;
        line-height:inherit;
    }
    .waterfall .vote-item-button{
        width: 100%;
        border-radius: 0;
        font-size: 1rem;
        line-height: 2;
    }


/*底部*/

#footer{
    display: block !important;
    margin: 20px 0;
}


/*toast*/
.weui-icon_toast.weui-icon-cancel:before {
    color: #fff;
    font-size: 55px;
}